<template>
  <div class="app-container">
    <el-dialog
      :visible.sync="visible"
      title="提示"
      :content="msg"
      :left="left"
      :right="right"></el-dialog>
  </div>
</template>

<script>
/* eslint-disable no-console */

// import HelloWorld from './components/HelloWorld';

export default {
  name: 'App',
  data() {
    return {
      // tempData: '',
      visible: true,
      msg: '你确定要离开当前页面么？',
      left: { text: '确定',
        cb: () => {
          console.log('success');
        } },
      right: { text: '取消',
        cb: () => {
          console.log('fail');
        } },
    };
  },
  methods: {
  },
};
</script>

<style>
  .app-container {
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.2);
    color: #fff;
    overflow: hidden;
  }
</style>
